<script setup lang="ts">
import { provide,ref } from 'vue';
import MyDialog from './components/MyDialog.vue';


</script>

<template>
 <MyDialog>
  <!--  v-slot: 可用#代替 简写成 #header -->
 <!-- <template v-slot:header>
      <h2 class="title">危险提示</h2>
  </template> -->
  
  <template #header>
    <h2 >危险提示</h2>
  </template>

  <!-- 默认插槽可以省略 <template #default> </template> -->
  <!-- <template #default>
    <h3 class="title">  您确定要进行删除操作吗？</h3>
  </template> -->
  <h3 class="title">  您确定要进行删除操作吗？</h3>

  <template #footer>
    <button>登录</button>
    <button>注册</button>
  </template>
  
 
 </MyDialog>
</template>

<style scoped>
.title{
  color:red;
}
</style>